// Place all the styles related to the projects controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
/* Global styles */

#notice {
  border: 2px solid red;
  padding: 1em;
  margin-bottom: 2em;
  background-color: #f0f0f0;
  font: bold smaller sans-serif;
}

h1 {
     font: 150% sans-serif;
     color: #226;
     border-bottom: 3px dotted #77d;
}

/* Styles for projects/index */

#project-list table {
    border-collapse: collapse;
    border: 3px solid black;
}

#project-list table tr th {
    padding: 5px;
    border: 3px solid black;
}

#project-list table tr td {
    padding: 5px;
    vertical-align: top;
    border: 3px solid black;
}

#project-list .list-image {
    width: 60px;
    height: 70px;
}

#project-list .list-description {
    width: 60%;
}

#project-list .list-description dl {
     margin: 0;
}

#project-list .list-description dt {
     color: #244 ;
     font-weight: bold;
     font-size: larger;
}

#project-list .list-description dd {
     margin: 0;
}

#project-list .list-actions {
     font-size: x-small;
     text-align: right;
     padding-left: 1em;
}
#project-list .list-line-head {
     background: #f8b0f8 ;     
}

#project-list .list-line-even {
     background: #e0f8f8 ;
}

#project-list .list-line-odd {
     background: white ;     
}